<template>
  <div>
    <!-- 基本用法 -->
    <a class="tw-btn xmain">主按钮</a>
    <a class="tw-btn xsecondary">铺按钮</a>
    <a class="tw-btn xweaking">弱化按钮</a>
    <br>
    <br>
    <!-- 立体效果 -->
    <a class="tw-btn xmain x3d">立体效果</a>
    <a class="tw-btn xsecondary x3d">立体效果</a>
    <a class="tw-btn xweaking x3d">立体效果</a>
    <br>
    <br>
    <!-- 带尺寸 -->
    <a class="tw-btn xmain">默认尺寸</a>
    <a class="tw-btn xsecondary xsmall">小尺寸</a>
    <a class="tw-btn xweaking xmedium">中尺寸</a>
    <a class="tw-btn xweaking xlarge">大尺寸</a>
    <br>
    <br>
    <!-- 其它效果 -->
    <a class="tw-btn xmain xround">圆角效果</a>
    <a class="tw-btn xmain xloading">加载效果</a>
    <a class="tw-btn xmain xdisabled">禁用效果</a>
    <br>
    <br>
    <!-- 添加按钮 -->
    <a class="tw-addbtn" title="添加"></a>
    <a class="tw-addbtn xdisabled" title="添加"></a>
    <a class="tw-addbtn xround" title="添加"></a>
    <a class="tw-addbtn xsmall" title="添加"></a>
    <a class="tw-addbtn xlarge" title="添加"></a>
  </div>
</template>
